<template>
  <!--在视频外面加一个容器-->
  <div class="input_video">
    <!-- <video-player
      class="video-player vjs-custom-skin"
      ref="videoPlayer"
      :playsinline="true"
      :options="playerOptions"
    ></video-player>-->
    <y-watch-video class="video-player vjs-custom-skin" :src="outSrc"></y-watch-video>
    <div @click="change">改变播放源</div>
  </div>
</template>
<script>
import YWatchVideo from "~/components/course/WatchVideo";
export default {
  name: "BusImg",
  data() {
    return {
      outSrc: "http://192.168.0.102:81/411.mp4"
    };
  },
  methods: {
    change() {
      console.log("changes");
      this.playerOptions.sources[0].src = "http://192.168.0.102:81/3.mp4";
    }
  }
};
</script>
<style>
.input_video {
  width: 100%;
  margin: 0 auto;
}
</style>
